<!DOCTYPE html>
<html>

    <!-- 网站的头部 -->
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>Easy Cat Timer - What's it?</title>

        <!-- icon文件 -->
        <link type="image/x-icon" href="./favicon.ico" rel="icon">

        <!-- 样式文件-->
        <link rel="stylesheet" href="./css/style/initial.css">
        <link rel="stylesheet" href="./css/style/menu.css">
        <link rel="stylesheet" href="./css/style/content.css">
        <link rel="stylesheet" href="./css/style/image.css">
        <link rel="stylesheet" href="./css/style/video.css">
        <link rel="stylesheet" href="./css/animation/menu.css">
        <link rel="stylesheet" href="./css/animation/image.css">
        <link rel="stylesheet" href="./css/media/media.css">

        <!-- 代码文件 -->
        <script src="./js/script.js"></script>

    </head>

    <!-- 网站的身体 -->
    <body>
        
        <!-- 图片 -->
        <div id="image">
            <!-- 图片 -->
            <div class="timerImage">
                <!-- 按钮 -->
                <button class="showVideo" onclick="OnClickShowVideoButton()">
                    <div class="circle"></div>
                    <div class="corner"></div>
                    <div class="text">介绍视频</div>
                </button>
            </div>
        </div>

        <!-- 内容 -->
        <div id="content">

            <h1>这是什么？</h1>
            <p>Easy Cat Timer是一款简单的倒计时软件。</p>
            <p>你只需要输入一个数字，然后点击[开始]按钮，倒计时就开始啦！就是这么简单呢！</p>  
            
            <br/>
            <br/>

            <h2>特点</h2>
            <ul>
                <li>非常简单（只有倒计时的功能）</li>
                <li>非常可爱</li>
                <li>支持2种语言（英文、中文）</li>
                <li>非常适合“番茄工作法”（或“单核工作法”）</li>
                <li>完全免费</li>
            </ul>

            <br/>
            <br/>
            <br/>
            <br/>

            <h2>介绍</h2>
            <b>你只需要输入一个数字，然后点击[开始]按钮，倒计时就开始啦！</b>
            <b>你可以去忙一些别的事情，如果时间到了，软件会提醒你。</b>
            <b>就是这么简单呢！</b>
            <p>Easy Cat Timer是一款用于倒计时的软件。</p>
            <p>如果你正在寻找一个计时器（倒计时）软件，那么你可以试试这款Easy Cat Timer软件哒！</p>

            <br/>
            <br/>
            <br/>
            <br/>

            <h2>这个软件有什么用？</h2>
            <b>倒计时。</b>
            <br>
            <p>但是，或许它可以帮助你更好的工作和学习。</p>
            <p>我一般会工作25分钟，休息5分钟。</p>
            <p>所以我需要一个计时器，来帮助我计时。</p>
            <p>在工作之前，我会设定一个25分钟的倒计时，然后开始工作。当闹钟响起的时候，我就会放下手上的工作，好好休息一下。</p>
            <p>这种简单的工作方法被称之为“番茄工作法”，也许你也可以试试这种方法。</p>
            <p>现在，用这个软件，马上开始一个新的倒计时吧~</p>
            <br>
            <p>另外，软件上有2个可爱的小猫咪。希望这个可爱的计时器，可以在你工作、学习的时候，带给你一些轻松和快乐。</p>

            <br/>
            <br/>
            <br/>
            <br/>

            <h2>网页版</h2>
            <p>你可以直接在网页上 使用Easy Cat Timer软件。</p>
            <p>这是完全免费的，点击这里，试试吧：</p>
            <a href="../index.html" target="_blank">开始使用</a>

            <br/>
            <br/>
            <br/>
            <br/>

            <h2>下载</h2>
            <p>你可以免费下载Easy Cat Timer软件，如果想了解详情，请看这里：</p>
            <a href="../download/index.html" target="_blank">点击了解桌面版本</a>
                        
            <br/>
            <br/>
            <br/>
            <br/>

            <h2>常见问题</h2>
            <p><strong>1、为什么我的倒计时不准确？</strong></p>
            <p>也许你是使用手机（或者平板电脑）访问的这个网页。</p>
            <p>因此，当你的设备锁屏或者息屏的时候，浏览器就会 停止运行这个网页，所以倒计时就暂停了。</p>
            <p>我们还是推荐您使用电脑，来访问这个网页，这样可以获得最好的体验。</p>
            <br/>
            <p><strong>2、为什么这个网页无法正常显示（或者正常使用）？</strong></p>
            <p>因为网页中用了很多html5的代码，而IE浏览器（和一些浏览器的较早版本）不支持html5代码，所以就无法正常显示了。</p>
            <p>Chrome、Edge、Opera、Firefox等浏览器的最新版本，都可以正常显示（和使用）这个网站。</p>
            <br/>
            <p><strong>3、为什么我没有联网，仍然可以访问这个网站？</strong></p>
            <p>因为我没有很多资金，所以不能租到很好的服务器……但是，为了让您浏览的更舒适，所以我在网页中使用了html5的离线缓存技术。</p>
            <p>这样的话，当你第一次浏览这个网页的时候，浏览器会把网页中的资源缓存下来。因此，在你下一次访问这个网站的时候，就能够很快的打开这个网站。</p>
            <p>也就是说，只要你访问过一次这个网站，之后即便是断网的情况下，也可以正常访问这个网站（因为网站中的资源被缓存下来了）。</p>

            <br/>
            <br/>
            <br/>
            <br/>

            <h2>制作者名单</h2>
            <p><strong>设计、美术、程序：</strong>絮大王</p>
            <p><strong>特别感谢：</strong>瓜指导</p>
            <p><strong>感谢：</strong>我的家人、小木、Pw、Amir Ammari、原浩程、Felix、[TBR]Flaming、乐乐、UEMion</p>
                
            <br/>
            <br/>
            <br/>
            <br/>

            <h2>反馈和建议</h2>
            <p>如果你有任何的反馈和建议，请发送邮件到 <u>xudawang@vip.163.com</u> 。</p>
            <p>因为这个软件是我一个人制作和维护的，所以可能回复的会比较慢，非常非常抱歉……</p>
            <p>但还是非常希望能够获得大家的建议和反馈~（比心~）</p>

        </div>

        <!-- 导航栏 -->
        <nav id="menu">

            <!-- 按钮 -->
            <div class="buttons">

                <!-- Logo -->
                <a class="logo" href="../index.html" target="_blank">
                    <!-- 图片 -->
                    <div class="image"></div>
                </a>

                <!-- 版本号 -->
                <div class="version">
                    <!-- 矩形 -->
                    <div class="rect"></div>
                    <!-- 尖角 -->
                    <div class="corner"></div>
                    <!-- 文字 -->
                    <div class="text">v1.0</div>
                </div>
                
                <!-- 这是什么？ -->
                <a class="whatIsIt" href="../what-is-it/index.html" target="_blank">
                    <!-- 文字:这是什么? -->
                    <div class="text">这是什么?</div><!--What's it?-->
                    <!-- 下划线 -->
                    <div class="line"></div>
                </a>

                <!-- 语言 -->
                <div class="language">
                    <!-- 文字:语言 -->
                    <div class="text">语言</div><!--Language-->
                    <!-- 下划线 -->
                    <div class="line"></div>

                    <!-- 可选的语言 -->
                    <div class="choose">
                        <!-- 盒子 -->
                        <div class="box"></div>
                        <!-- 箭头 -->
                        <div class="corner"></div>
                        <!-- 英文 -->
                        <a class="english" href="../../english/what-is-it/index.html" target="_blank">English</a>
                        <!-- 中文 -->
                        <a class="chinese" href="../../chinese/what-is-it/index.html" target="_blank">简体中文</a>
                    </div>
                </div>

                <!-- 空白 -->
                <div class="null"></div>

                <!-- 下载 -->
                <a class="download" href="../download/index.html" target="_blank">下载桌面版</a><!--Download-->

            </div>

        </nav>

        <!-- 视频 -->
        <div id="video">
            <!-- 背景 -->
            <div class="timerImage"></div>

            <!-- 关闭 -->
            <button class="close" onclick="OnClickCloseVideoButton()"></button>

            <!-- 视频 -->
            <video class="video" src="./asset/Timer.mp4" controls preload="none"></video>
        </div>

    </body>

</html>